<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>toppro</title>
  <link rel="stylesheet" type="text/css" href="css/toppro.css">
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
</head>
<body>
<div class="main-container">
  <div class="page-header">
   <div class="header">
    <div class="header-container">
      <div class="header-leftnav">
      <img src="imegas/hd_logo.png">
      <ul class="header-nav">
        <li><a class="nav-home"  href="toppro.html">首页</a></li>
        <li><a class="nav-item"  href="index1.html">专家人才</a></li>
        <li><a class="nav-item"  href="index2.html">合作伙伴</a></li>
        <li><a class="nav-item"  href="index3.html">关于我们</a></li>
      </ul>
      </div>
      <div class="header-login">
        <a class="head-btn"  href="#">人才入驻</a>
        <a class="head-btn"  href="#">雇佣人才</a>
        <a class="dl-btn"  href="#">登录</a>
      </div>
    </div>
   </div>
  </div>
  <div class="partner">
    <div class="partner-container">
      <span>企业级人才资源服务平台</span>
      <p class="partner-title">按需雇佣顶尖专业人才</p>
      <p class="partner-summary">
       Toppro致力于构建优秀人才网络，为优秀的企业提供服务<br>
       核心解决企业发展过程中对专业人才辨识难、招聘周期长、综合成本高、管理复杂等问题
      </p>
      <p class="partner-end"><span>和优秀的合作伙伴一起成长</span></p>
      <img src="imegas/index-logos .png">
    </div>
  </div>
  <div class="service-mode">
    <div class="mode">
      <div class="mode-top">
        <span>人才服务方式</span>
        <p>按企业实际情况，选择更适合的人才服务的合作方式</p>
      </div>
      <ul class="mode-bottom">
        <li class="mode-bottom-all">
          <img src="imegas/kp1.png">
          <span>个体型</span>
          <p>快速补充现有团队缺失角色</p>
        </li>
        <li class="mode-bottom-all">
          <img src="imegas/kp2.png">
          <span>团队型</span>
          <p>组建团队匹配你的具体需求</p>
        </li>
        <li class="mode-bottom-all">
          <img src="imegas/kp3.png">
          <span>项目型</span>
          <p>托管项目和交付最终结果</p>
        </li>
      </ul>
    </div>
  </div>
  <div class="characters-intro">
    <div class="characters-container">
      <div class="characters-top">
        <span>专家人才</span>
        <p>已构建的工程师、设计师和产品经理人才为你服务</p>
      </div>
      <div class="characters-card">
        <a href="#" class="leftarrows"></a>
        <div class="card">
          <ul class="card-list">
            <li class="card-item-img"><img src="imegas/caojiangtao.jpg"></li>
            <li class="card-item-name"><span>曹江涛</span><p>PD 4.2</p></li>
            <li class="card-item-post">资深Web开发工程师</li>
            <li class="card-item-summary">计算机专业，12年开发经验，曾任职于高德地图，小米科技，VLM IM 2.0 数字营销机构负责华北区前端开发，服务于：梅赛德斯奔驰，戴尔电脑，海尔，康师傅，招商银行，青岛啤酒等。极客学院前端团队负责人。</li>
            <li class="card-item-text">以往工作</li>
            <li class="card-item-logo"><img src="imegas/xiaomi.png"></li>
          </ul>
        </div>
        <div class="card">
          <ul class="card-list">
            <li class="card-item-img"><img src="imegas/yangsongmao.jpg"></li>
            <li class="card-item-name"><span>曹江涛</span><p>PD 4.2</p></li>
            <li class="card-item-post">资深Web开发工程师</li>
            <li class="card-item-summary">计算机专业，12年开发经验，曾任职于高德地图，小米科技，VLM IM 2.0 数字营销机构负责华北区前端开发，服务于：梅赛德斯奔驰，戴尔电脑，海尔，康师傅，招商银行，青岛啤酒等。极客学院前端团队负责人。</li>
            <li class="card-item-text">以往工作</li>
            <li class="card-item-logo"><img src="imegas/weipiao.png"></li>
          </ul>
        </div>
        <div class="card">
          <ul class="card-list">
            <li class="card-item-img"><img src="imegas/dilei.jpg"></li>
            <li class="card-item-name"><span>曹江涛</span><p>PD 4.2</p></li>
            <li class="card-item-post">资深Web开发工程师</li>
            <li class="card-item-summary">计算机专业，12年开发经验，曾任职于高德地图，小米科技，VLM IM 2.0 数字营销机构负责华北区前端开发，服务于：梅赛德斯奔驰，戴尔电脑，海尔，康师傅，招商银行，青岛啤酒等。极客学院前端团队负责人。</li>
            <li class="card-item-text">以往工作</li>
            <li class="card-item-logo"><img src="imegas/ruidasheng.png"></li>
          </ul>
        </div>
        <a href="#" class="rightarrows"></a>
      </div>
    </div>
  </div>
  <div class="service-process">
    <div class="process-container">
      <div class="process-title">
        <span>服务流程</span>
        <p>及时响应的服务流程让企业更灵活的使用人才</p>
      </div>
      <div class="process-main">
        <div class="lefticon">
          <p class="numbar">1</p>
          <img src="imegas/procedure-arrow.png">
         </div> 
        <div class="process-content">
          <span>提出人才需求</span>
          <p>申请成为我们合作伙伴后，按照你实际需要做的项目，提出需要雇佣的人才需求，包括人才岗位、数量和能力级别，工作方式，预期的到岗时间和使用时间。</p>
        </div> 
        <img class="procedure" src="imegas/procedure-1.png">      
      </div>
      <div class="process-main">
        <div class="lefticon">
          <p class="numbar">2</p>
          <img src="imegas/procedure-arrow.png">
        </div>
        <div class="process-content">
          <span>提出人才需求</span>
          <p>申请成为我们合作伙伴后，按照你实际需要做的项目，提出需要雇佣的人才需求，包括人才岗位、数量和能力级别，工作方式，预期的到岗时间和使用时间。</p>
        </div> 
        <img class="procedure" src="imegas/procedure-2.png">      
      </div>
      <div class="process-main">
        <div class="lefticon">
          <p class="numbar">3</p>
          <img src="imegas/procedure-arrow.png">
        </div>
        <div class="process-content">
          <span>提出人才需求</span>
          <p>申请成为我们合作伙伴后，按照你实际需要做的项目，提出需要雇佣的人才需求，包括人才岗位、数量和能力级别，工作方式，预期的到岗时间和使用时间。</p>
        </div> 
        <img class="procedure" src="imegas/procedure-3.png">      
      </div>
      <div class="process-main">
        <p class="numbar">4</p>
        <div class="process-content">
          <span>提出人才需求</span>
          <p>申请成为我们合作伙伴后，按照你实际需要做的项目，提出需要雇佣的人才需求，包括人才岗位、数量和能力级别，工作方式，预期的到岗时间和使用时间。</p>
        </div> 
        <img class="procedure" src="imegas/procedure-4.png">      
      </div>
    </div>
  </div>
  <div class="service-feature">
    <div class="feature-container">
      <div class="feature-container-title">
        <span>服务特色</span>
        <P>相比传统雇佣制和项目外包有本质区别</P>
      </div>
      <div class="feature-container-table">
        <table class="table-container">
          <tr>
            <th class="table-item"></th>
            <th class="table-first">TOPPRO</th>
            <th class="table-second">传统雇佣制</th>
            <th class="table-second">项目外包平台</th>
          </tr>
          <tr>
            <td class="table-item"><p>1</p>人才灵活度</td>
            <td class="second-column">按需雇佣 非常灵活</td>
            <td class="table-unify">长期雇佣 不灵活</td>
            <td class="table-unify">比较灵活</td>
          </tr>
          <tr>
            <td class="table-item"><p>2</p>人岗匹配度</td>
            <td class="second-column">精确（按需求匹配）</td>
            <td class="table-unify">阶段性匹配</td>
            <td class="table-unify">未知</td>
          </tr>
          <tr>
            <td class="table-item"><p>3</p>优秀人才招募和到岗时间</td>
            <td class="second-column">24~72小时</td>
            <td class="table-unify">1~4月（依赖HR）</td>
            <td class="table-unify">不确定/不可控</td>
          </tr>
          <tr>
            <td class="table-item"><p>4</p>人才能力评估</td>
            <td class="second-column">权威客观的人才能力评估</td>
            <td class="table-unify">企业内部评估</td>
            <td class="table-unify">无评估</td>
          </tr>
          <tr>
            <td class="table-item"><p>5</p>团队协同性</td>
            <td class="second-column">好（和内部团队协同工作）</td>
            <td class="table-unify">好</td>
            <td class="table-unify">不好</td>
          </tr>
          <tr>
            <td class="table-item"><p>6</p>结果品质保证</td>
            <td class="second-column">质量可控</td>
            <td class="table-unify">质量可靠</td>
            <td class="table-unify">不可控，二次开发成本高</td>
          </tr>
          <tr>
            <td class="table-item"><p>7</p>性价比和费用构成</td>
            <td class="second-column">性价比高（按有效工作时间付费）</td>
            <td class="table-unify">性价比低（工资+额外成本）</td>
            <td class="table-unify">黑盒，按项目</td>
          </tr>
        </table>
      </div>
    </div>
  </div>
  <div class="service-result">
    <div class="result-container">
      <div class="result-title">
        <span>服务效果</span>
        <p>优秀的人才和优秀的合作企业创造更大的价值</p>
      </div>
      <div class="result-effect">
        <div class="effect-item">
          <img src="imegas/index-effect-1.png">
          <p>平均到岗时间</p>
        </div>
        <div class="effect-item">
          <img src="imegas/index-effect-2.png">
          <p>匹配成功率</p>
        </div>
        <div class="effect-item">
          <img src="imegas/index-effect-3.png">
          <p>合作满意度</p>
        </div>
      </div>
    </div>
  </div>
  <div class="client">
    <div class="client-container">
      <div class="client-title">
        <span>客户故事</span>
        <p>让优秀的合作伙伴更加优秀</p>
      </div>
      <div class="client-picturebar">
        <div class="picturebar">
          <img class="picturebar-topimg" src="imegas/ETU_banner.png">
          <p>让我们的孩子在中国享受更好的教育</p>
          <img class="picturebar-etuschool" src="imegas/ETU_logo.png">
        </div>
        <div class="picturebar">
          <img class="picturebar-topimg" src="imegas/talks_banner.png">
          <p>思想好声音·全球创见者分享平台</p>
          <img class="picturebar-talks" src="imegas/talks_logo.png">
        </div>
        <div class="picturebar">
          <img class="picturebar-topimg" src="imegas/tongxing_banner.png">
          <p>让每一个孩子共享未来</p>
          <img class="picturebar-tongxing" src="imegas/tongxing_logo.png">
        </div>
      </div>
    </div>
  </div>
  <div class="originator">
    <div class="originator-contaier">
      <div class="originator-title">
      <img src="imegas/yinhao.png">
      <p>传统雇佣时代即将结束，在新的科技背景下，如何让优秀的人才产生更大的价值，是我发起Toppro项目的初心，希望能让优秀的人才和优秀的企业互相促进，互为成就。</p>
      </div>
      <div class="originator-list">
        <div class="originator-item one">
          <img src="imegas/company_avator_1.jpg">
          <span>Iceskysl</span>
          <p>Toppro发起人</p>
        </div>
         <div class="originator-item two">
          <img src="imegas/company_avator_2.jpg">
          <span>李响</span>
          <p>童行技术负责人</p>
           <strong class="replace-two">事在人为，没有合适的人，很难干成事儿，新锐企业招合适的工程师比找对象还难，要思想认同，又要技术过关，可能还给不了高的薪资，Toppro很好的满足我们的需求，解决的是企业的大问题。</strong>
         </div>
        <div class="originator-item three">
          <img src="imegas/company_avator_3.jpg">
          <span>张海滨</span>
          <p>自由职业者</p>
          <strong class="replace-three">受够了996，也不想在办公室里勾心斗角浪费青春，我是一个自由的纯粹的工程师，是 Toppro签约工程师，一个自由职业者。</strong>
        </div>
        <div class="originator-item four">
          <img src="imegas/company_avator_4.jpg">
          <span>徐海远</span>
          <p>翊翎资本合伙人</p>
          <strong class="replace-four">VUCA时代，企业需要随时保持战略的灵活性，以随时应对新的市场变化。站在未来的起点，Toppro应时而生，随时为企业提供按需专业人才服务。</strong>
      </div>
      </div>
    </div>
   </div>
    <div class="page-footer">
      <div class="footer-container">
         <div class="footer-top">
            <img class="logo-bottom" src="imegas/hd_logo.png">
            <div class="about">
              <span class="title-tongyi">关于Toppro</span>
              <p class="intro">Toppro致力于构建优秀人才网络，为优秀的企业提供服务，核心解决企业发展过程中对专业人才辨识难、招聘周期长、综合成本高、管理复杂等问题。</p>
            </div>
            <div class="navbottom">
             <span class="title-tongyi">导航</span>
             <ul class="subnav">
               <li class="intro">首页</li>
               <li class="intro">专家人才</li>
               <li class="intro">合作伙伴</li>
               <li class="intro">关于我们</li>
               <li class="intro">加入我们</li>
             </ul>
            </div>
            <div class="contact-us">
              <span class="title-tongyi">练习我们</span>
              <p class="intro">联系电话：010-86469068
              邮箱地址：hey@weilaigongzuo.com
              微信服务号：Toppro服务台
              地址: 北京市东城区藏经馆胡同11号
              </p>
            </div>
          </div>
          <div class="footer-bottom"><img src="imegas/beianicon.gif"> 京公网安备11010102003208</div>
      </div>
    </div>
</body>
</html>